How can i use this
document.getElementById("loader").style.display = "none";
when javascript is disabled on client browser? I added this w3school loading animation tutorial unto my site but it keep rotating when javascript is disabled on client browser and blocking the
<noscript>Sorry, your browser does not support JavaScript!</noscript>
Should i just create an image and just use z-index: 9999; to declare Sorry, your browser does not support JavaScript! or are they any alternative?
I created a demo page of it what it look like when you have javascript disabled and how it infinitely just rotating and blocking <noscript>. demo page here
You can set it to display: none; by default, and show it through javascript, so if javascript is disabled, it would not show
Just add CSS into noscript tag:
<noscript>
<style type="text/css">
selector {
display: none;
}
</style>
</noscript>
If you do the opposite by accessing styling through JS, you will encounter flickering / showing unnecessary elements before script is loaded and executed.